<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ClientSideGrid.aspx.cs" Inherits="DemonstrationWebsite.ClientSideGridDemo.ClientSideGrid" %>
<%@ Register Assembly="jMVC" Namespace="jMVC" TagPrefix="jMVC" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>jMVC.NET Demos - Client-side grid</title>
    <link rel="Stylesheet" href="../Resources/Styles.css" />
    <!-- begin_demo_exclude -->
    <!-- Load "view source" frame for demo -->
    <script>window.parent.frames['viewsource'].window.location.href = 'ViewSource.aspx#';</script>
    <!-- end_demo_exclude -->
    <script src="Date.format.js"></script> <!-- Using this JS library code to make date formatting easier -->
    <script src="GridController.js"></script>
    <script>
        var gridController = new GridController(5); // 5 items per page
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <p>
            In this demo, we create (entirely from scratch) a grid control supporting client-side paging, sorting and row selection.
            The controller logic is slightly more involved, but very clean and tidy.
        </p>
        <jMVC:MVCPanel ID="SalesGrid" ViewUrl="Grid.jmvc" runat="server" JSControllerObject="gridController"/>
        <p>
            To see that state is retained completely during postbacks, click this button:
            <asp:Button runat="server" Text="Do Postback" />
        </p>
        This page was generated at <%= DateTime.Now.ToString() %>
    </form>
</body>
</html>
